<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>测试 HTTP 服务器与 Cookie</title>
</head>

<body>
  <h1>测试 HTTP 服务器与 Cookie</h1>
  <button onclick="sendRequest()">发送请求</button>
  <div id="response"></div>
  <div id="status"></div>

  <script>
    function sendRequest() {
      const xhr = new XMLHttpRequest();
      xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
          if (xhr.status === 200) {
            document.getElementById('response').innerHTML = xhr.responseText;
            document.getElementById('status').innerHTML = '响应成功，已接收到服务器返回的数据。';
            alert('响应成功，已接收到服务器返回的数据。');
          } else {
            document.getElementById('status').innerHTML = `请求失败，状态码: ${xhr.status}`;
            alert(`请求失败，状态码: ${xhr.status}`);
          }
        }
      };
      // 这里修改为你的公网 IP 地址和端口号，例如 'http://123.45.67.89:8080'
      xhr.open('GET', 'http://101.42.29.106:8080/', true);
      document.getElementById('status').innerHTML = '请求已发送，等待服务器响应...';
      alert('请求已发送，等待服务器响应...');
      xhr.send();
    }
  </script>
</body>

</html>